<ion-view view-title="手机号码修改">
    <ion-nav-buttons side="left">
        <back-button></back-button>
    </ion-nav-buttons>
    <ion-content ng-class="{'has-loading': isOffline}">
        <form name="mobile_form"
              ng-submit="formEvents.next()"
              novalidate>
            <div class="list Mt15 yfs2">
                <div class="item item-input item-icon-right yitem yPr15">
                    <label class="input-label yfs2">
                        原手机号码
                    </label>
                    <input type="tel"
                           name="mobile"
                           value="{{mobileOld.mobile | phoneNumberFilter}}"
                           disabled="disabled"/>

                    <div class="icon">
                        <button type="button"
                                class="button button-small btn yMr5"
                                ng-disabled="mobile_form.mobile.$invalid || buttonState.checkState"
                                ng-click="formEvents.getCode()">
                            <span class="light"
                                  ng-bind="buttonState.checkText"></span>
                        </button>
                    </div>

                </div>
                <div class="item item-input yitem">
                    <label class="input-label yfs2">
                        验证码
                    </label>
                    <input type="tel"
                           name="code"
                           placeholder="请输入短信验证码"
                           ng-pattern="/^\d{5,6}$/"
                           ng-model="mobileOld.vCode"
                           required/>
                    <a ng-show="mobileOld.vCode.length>0"
                       class="kClearEnter"
                       ng-click="mobileOld.vCode=null;"></a>
                </div>
            </div>
            <div class="btnbox">
                <button type="submit"
                        class="button btn button-full"
                        ng-disabled="mobile_form.$invalid">
                    <span class="fs1 light">
                      下一步
                    </span>
                </button>
            </div>
        </form>
    </ion-content>
</ion-view>

